<template>
  <div>
    <a-input-number
      id="inputNumber"
      v-model:value="value"
      :min="1"
      :max="10"
      size="large"
    />
    当前值：{{ value }}
    <a-input-number
      v-model:value="value1"
      addon-before="+"
      addon-after="$"
    ></a-input-number>
    <br>

    <a-input-number
      :disabled="disabled"
      v-model:value="value"
      style="width: 200px"
      :min="0"
      :max="10"
      :step="0.00000000000001"
      string-mode
    />
    <br>

    {{ keyboard }}
    <a-input-number
      v-model:value="value"
      :keyboard="keyboard"
      :min="1"
      :max="10"
      status="error"
    />
    <a-input-number
      v-model:value="value1"
      prefix="￥"
      style="width: 100%"
    />
    <a-input-number
      id="inputNumber"
      v-model:value="value"
      :min="1"
      :max="10"
    >
      <template #upIcon>
        上
      </template>
      <template #downIcon>
        下
      </template>
    </a-input-number>
    <a-input-number
      v-model:value="value1"
      :formatter="value => `$ ${value}`.replace(/\B(?=(\d{3})+(?!\d))/g, ',')"
      :parser="value => value.replace(/\$\s?|(,*)/g, '')"
    />
  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  data() {
    return {
      value: '',
      value1: '',
      disabled: true,
      keyboard: true,
    }
  },
  created() { },
  mounted() { },
  methods: {},
  computed: {}
}
</script>
<style scoped lang='scss'>
</style>
